@CHARSET "UTF-8";
/*======================= Index ======================= */
.content-body .container{background: #454545;}
.nav-bar {margin:20px 0;float: left;width:100%;}
.nav-bar li{float:right;font-size:14px;margin-left:15px;}
.nav-bar a{color:#999;display:block;padding:2px 8px;}
.nav-bar .select,.nav-bar a:hover{color:#ff4366;background:#4b4b4b;}
.focus-bar {width:910px;}
.welcome {position:relative;height:348px;}
.welcome img{width:100%;height:100%;}
.welcome-txt{position:absolute;right:30px;top:40px;}
.welcome-txt span{font-size:68px;line-height:70px;display:block;text-align:right;}
.welcome-txt .current-date{font-size:20px;color:#000;line-height:65px;}
.content{width:942px;margin:32px 0 60px 0;}
.art-list{width:282px;margin-right: 32px;}
.title-bar{background: #2f2f2f;text-align: center;height:128px;color:#8a8a8a;cursor:pointer;}
.title-bar:hover{color:#ff4366;}
.title-bar h1{font-size:30px;line-height:128px;}
.art-item {margin-top:20px;}
.art-item i{background-position: -3px -160px;width:25px;height:30px;}
.art-item li a{color:#828282;line-height:30px;width:240px;overflow:hidden;display:inline-block;height:30px;font-size: 14px;}
.art-item li a:hover{color:#ff4366;}
/*======================= Index End ======================= */

/*======================= List ======================= */
.menu-left{width:210px;height:1100px;position: relative;background: #ff4366;margin:0 11px;z-index:1;padding:80px 20px 0 20px;}
.menu-right{width:649px;margin-left:-11px;}
.arrow-left {width:250px;position: absolute;left:0px;top:0px;}
.arrow-left .top-b-1 {height: 25px;width: 0;border-right: 125px solid #3a3839;border-bottom: 32px solid transparent;border-top: 0px solid transparent;}
.arrow-left .top-b-2 {height: 25px;width: 0;border-left: 125px solid #545454;border-bottom: 32px solid transparent;border-top: 0px solid transparent;}
.menu-left .arrow-mask{position: absolute;top:0px;left:0px;}
.menu-left .arrow-mask .rect{width:250px;height:19px;background: #454545;}
.menu-left .arrow-mask .triangle-down{height: 0;width: 0px;border-top: 32px solid #454545;border-left: 125px solid transparent;border-right: 125px solid transparent;}
.art-menu {margin-bottom:15px;}
.art-tit {position: relative;margin-bottom:5px;}
.art-tit h2{color:#fff;font:14px/30px "Times New Roman";}
.art-tit .line-write{width:100%;height:0px;border-top: 1px solid #fff;border-bottom: 1px solid #f43458;}
.art-tit i{background-position: -12px -261px;}
.art-menu .triangle-left a{color:#000;line-height:30px;width:185px;overflow:hidden;display:inline-block;height:22px;font-size: 12px;}
.art-menu .triangle-left a:hover{color:#fff;}
.art-menu .triangle-left i{background-position: -42px -160px;width:20px;height:22px;}
.img-list {margin-top:15px;}
.img-list li{background: #454545;padding:10px 8px;margin-bottom:10px;position: relative;}
.img-list .li-left{width:55px;height:55px;}
.img-list .li-right{width:130px;}
.img-list .li-right a{height:34px;overflow: hidden;color:#fff;display:block;}
.img-list .li-right a:hover{text-decoration:underline;}
.line-grey{border-bottom: 1px solid #414141;border-top: 1px solid #525050;height:0px;width:100%;margin:2px 0 2px 0;}
.img-list .li-right span{color:#8a8a8a;}
.links-cont {padding:8px;position: relative;background: #454545;margin-top:15px;}
.links-cont ul{width:201px;}
.links-cont li{float: left;width:60px;height:60px;margin:0 7px 7px 0;}
.links-cont img{display: block;width:60px;height:60px;}
.links-cont span a{font-size:14px;color:#ff4366;}
.links-cont span a:hover{color:#fff;}
.dotted{width:13px;height:13px;background:url(../images/home_sprite.png) -12px -298px no-repeat #ff4366;display: block;position: absolute;bottom:0px;right:0px;}

.title-msg{width:648px;background: #5f5f5f;color:#fff;height: 50px;border-top: 1px solid #676767;border-bottom: 2px solid #676767;border-right: 1px solid #676767;}
.title-msg h1{font-size: 20px;line-height: 50px;padding-left:25px;}
.content-list{width:608px;padding-right: 40px;background: #3d3d3d;border-right: 1px solid #494949;}
.list-item{height:270px;padding:20px 0 20px 0px;position: relative;border-bottom: 1px dotted #525050;margin-left:25px;}
.item-hd h2{font-size: 17px;color:#ff4366;}
.item-hd p{background:url(../images/home_sprite.png) -10px -270px no-repeat;padding-left:25px;line-height: 20px;margin:5px 0 15px 0;}
.item-hd span{margin-right:8px;color:#999;}
.item-hd .tags{color:#fff;}
.item-bd {margin-top:8px;height:200px;}
.bd-left,.bd-left img{width:300px;height:200px;}
.bd-right{width:260px;}
.bd-right p{text-align: justify;color:#999;line-height:1.8em;text-justify:inter-ideograph;}
.bd-right .read {margin-top:5px;display: block;}
.bd-right .read a{color:#ff4366;font-size: 14px;}
.bd-right .read a:hover{color:#fff;}
.date-tag{position: absolute;right:-55px;top:25px;width:70px;height:30px;border-right: 1px solid #2e2e2e;border-bottom:  1px solid #2e2e2e;}
.date-left {float:left;background: #5d5d5d;font:22px/30px "Arial";color:#3f3f3f;width:30px;text-align: center;}
.date-right{float: left;width:40px;height:30px;background: #555;}
.date-right .month{display: block;width:40px;text-align: center;line-height: 13px;color:#353535;margin-top:2px;}
.date-right .year{display: block;width:40px;text-align: center;line-height: 13px;color:#353535;}
.page-container{height: 27px;padding:20px 20px 40px 20px;}
.page-number{width:27px;height:27px;float: left;line-height: 27px;color:#fff;background: #535353;margin-right:5px;text-align: center;cursor:pointer;}
.page-number:hover{background: #ff4366;color:#393939;}
.prev{background: url(../images/home_sprite.png) -34px -215px no-repeat #535353;}
.prev:hover{background: url(../images/home_sprite.png) -67px -215px no-repeat #ff4366;}
.next{background: url(../images/home_sprite.png) -34px -161px no-repeat #535353;}
.next:hover{background: url(../images/home_sprite.png) -67px -161px no-repeat #ff4366;}
.page-count{background:none;margin-left:5px;height:27px;line-height: 27px;color:#fff;float: left;}
.page-container .select {background: #ff4366;color:#393939;}
/*======================= List End ======================= */

/*======================= Page ======================= */
.page-content{width: 910px;}
.page-tit{height: 45px;border: 1px solid #676767;border-bottom: none;background: #5f5f5f;position: relative;}
.page-tit .tit-bg{padding-left: 30px;}
.tit-bg h1{color: #fff;line-height: 45px;font-size: 20px;}
.page-tit .arrow-mask{height: 0;width: 0px;border-top: 32px solid #5f5f5f;border-left: 105px solid transparent;border-right: 105px solid transparent;position: absolute;right:20px;top: 45px;z-index: 99;}
.cont-left {width: 630px;background: #3d3d3d;}
.cont-msg{padding:20px 30px 60px 30px;}
.msg-info {color: #646464;font-size: 15px;margin-bottom: 15px;}
.cont-msg p{font-size: 14px;color: #999;line-height: 1.8em;text-align:justify;width: 570px;text-justify:inter-ideograph;-webkit-text-justify:inter-ideograph;-moz-text-justify:inter-ideograph;}
.cont-msg img{text-align: center;}
.cont-msg h5{font-size: 14px;color: #ff4366;line-height: 1.8em;}
.cont-msg a{color: #ff4366;}
.cont-msg a:hover{color: #fff;}
.cont-right {background: #ff4366;min-height: 1000px;width: 210px;padding: 80px 20px 0 20px;position: relative;}
.cont-right .arrow-top{width:250px;position: absolute;left:0px;top:6px;height: 60px;z-index: 79;}
.cont-right .arrow-top .top-r-1{height: 25px;width: 0;border-right: 125px solid #3a3839;border-bottom: 32px solid transparent;border-top: 0px solid transparent;}
.cont-right .arrow-top .top-r-2{height: 25px;width: 0;border-left: 125px solid #545454;border-bottom: 32px solid transparent;border-top: 0px solid transparent;}
.right-mask{position: absolute;top:0px;left: 0;z-index: 80;}
.right-mask .r-rect {width: 250px;height: 25px;background: #454545;}
.right-mask .triangle-down{height: 0;width: 0px;border-top: 32px solid #454545;border-left: 125px solid transparent;border-right: 125px solid transparent;}

.rss-cont{background: #454545;position: relative;padding: 11px;margin-top: 15px;}
.rss-cont input[type="text"] {background: #5f5f5f;color: #fff;height: 13px;padding: 8px 5px;width: 177px;border-top: 1px solid #262626;border-left: 1px solid #262626;border-bottom: none;border-right: none;}
.rss-cont .line-grey{margin:11px 0 8px 0;}
.rss-cont .submit {display: block;height: 21px;line-height: 21px;color: #333;background: #5f5f5f;border: 1px solid #434343;width: 50px;text-align: center;}
.rss-cont .submit:hover{background: #ff4366;color: #fff}
/*======================= Page End ======================= */

